<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Редактор сайта</title>
        <link rel="stylesheet" href="/css/edit.css"/>
        <link rel="stylesheet" href="/css/dialog.css"/>
        <script type="text/javascript" src="/js/jquery-1.7.1.js"></script>
        <script type="text/javascript" src="/js/constants.js"></script>
        <script type="text/javascript" src="/js/modaldialog.js"></script>
        <script type="text/javascript" src="/js/infohandle.js"></script>
        <script type="text/javascript" src="/js/tags-cats-dialogs.js"></script>

        <!-- load editor -->
        <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
        <script type="text/javascript" src="/ckeditor/adapters/jquery.js"></script>
        <!-- //load editor -->
        <script type="text/javascript" src="/js/article-edit-dialog.js"></script>

        <script type="text/javascript" charset="UTF-8">
            $(document).ready(function () {
                      
                            
                //инициализировать модальные диалоги
                var cd= $().CategoryDialog("#catlink");
                var td= $().TagsDialog("#taglink");
                var ed=$().ArticleEditDialog(".articles-list" /*articleWrapperCssClass*/);
         
                //отображать слой "ожидание загрузки"
                $(".wait").ajaxStart(function(){
                    $(this).show();       
                });              
               
                $(".wait").ajaxStop(function(){
                    $(this).hide();       
                });              
      
      
                $.ajaxPrefilter( function( options ) {
                    $.each(options, function(i,item){
                      
                    });
                });
   
      
                //отображать диалог ошибок
                $().ErrorDialog("uni-dlg-error").ajaxError(function($e, jqxhr, settings, exception){
                    //   alert(this.constructor);
                    $(this).addErrorMsg("Ошибка доступа к "+settings.url+" система сообщила: "+exception);
                    $(this).showDialog();
                });
       
                //отображать диалог информации
                var infod=$().InfoDialog("uni-dlg-info");
                $("html").bind("UID",null,
                function($e,data){
                    //alert(data.Ok); //cм. raw ajax 
                    infod.addInfoMsg("Операция "+data.Ok+" проведена успешно");
                    infod.showDialog()
                    .fadeOut(1500); //"растворение" после информирования
                }); 
                
                
            });
        </script>

    </head>
    <body>
        <div class="wrap">
            <div class="header bordered colored" style="min-height: 25px;">
                <div style="float:left;color: #000;margin-left: 3px;"> 
                    Редактор сайта
                </div>
                <div class="hier-tb"> 
                    <span id="catlink" title="редактирование категорий">Категории</span>
                    ->
                    <span id="taglink" title="редактирование тэгов">Тэги</span>
                    ->
                    <span class="artilce-new-link" title="создание новой статьи">Новая статья</span>
                </div>
            </div>

            <!-- список статей -начало -->
            <div class="articles-list">
                <!-- список статей через ajax -->
            </div>
            <!-- //список статей-->

            <!--подвал -->
            <%@include file="/WEB-INF/jspf/footer.jspf"%>
        </div>
        <!-- диалоги категории/тэги-->
        <%@include file="/WEB-INF/jspf/hierdialogs.jspf" %>
        <!-- диалог редактирование статей-->
        <%@include file="/WEB-INF/jspf/article-edit-dialog.jspf" %>

    </body>
</html>
